
<template>
  <div>
    <header>
      <Topbar />
    </header>
    <main>
      <Channel></Channel>
      <Container></Container>
    </main>
  </div>
</template>

<script setup lang="ts">
import Topbar from '@/components/topbar/Topbar.vue';
import Channel from "@/components/channel/Channel.vue"
import Container from "@/components/container/Container.vue"


</script>

<style lang="less" scoped>
header {
  height: 180px;
  background: url("../assets/TIM.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

main {
  margin: 0 auto;
  padding: 0 8.5%;
}



@media (max-width:1200px) {}
</style>
